<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>傻瓜式建表器</title>
    <!-- https://electronjs.org/docs/tutorial/security#csp-meta-tag -->
    <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';" />
  </head>
  <body style="text-align: center;">
    <h1>傻瓜式建表器（Electron.js）</h1>
    <h4><a src="">码云地址</a></h4>

    <table style="margin: auto;">
        <tr>
            <td>数据库类型：</td>
            <td>
                <select>
                    <option value="mysql">mysql</option>
                </select>
            </td>  
        </tr>
        <tr>
            <td>连接地址：</td>
            <td>
                <input type="text" id="host" value="localhost"/>
            </td>
        </tr>
        <tr>
          <td>端口：</td>
          <td>
              <input type="text" id="port" value="3306"/>
          </td>
      </tr>
        <tr>
            <td>用户名：</td>
            <td>
                <input type="text" id="user" value="root"/>
            </td>
        </tr>
        <tr>
            <td>密码：</td>
            <td>
                <input type="text" id="pwd" value="root"/>
            </td>
        </tr>
        <tr>
            <td>数据库：</td>
            <td>
                <input type="text" id="database" value="test" />
            </td>
        </tr>
        <tr>
            <td colspan="2"><button id="connBtn">连接测试</button></td>
        </tr>
    </table>

    <div id="import" style="display: none;">
          <table style="margin: auto;">
              <tr>
                  <td>选择数据源文件：(.xlsx)</td>
                  <td>
                      <input type="file" id="upload"/>
                  </td>
              </tr>
              <tr>
                  <td colspan="2">
                     <button id="uploadBtn">确定</button>
                  </td>
              </tr>
          </table>
        <h3>输出日志：</h3>
        <div style="text-align: center;height: 300px;overflow:auto;" id="log">
            
        </div> 

    </div>

    <script>
        require("./renderer");
    </script>
  </body>
</html>
